.layout {
    display: inline;
    display: flex;
    margin-top: 62px;
    width: 100%;
    padding-top: 25px;
}

.swiper img {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0 0;
}

.swipertop {
    display: flex;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 50px;
    background: #BBBBBB;
    opacity: 0.9;
    margin-top: -7%;
}

.swipertop p {
    margin: auto;
    text-align: center;
    font-size: larger;
    color: #ffffff;
}

.layout-contain {
    padding-bottom: 5px;
    box-shadow: 1px 1px 1px 1px #c9c6c6;
    border-radius: 10px;
}

.layout-left {
    margin-left: 1%;
    width: 75%;
    /* min-height: 900px; */
    border-radius: 10px;
}

.swiper-slide img {
    width: 100%;
    height: 250px;
    border-radius: 10px;
}

.layout-right {
    float: left;
    width: 20%;
    margin-left: 2%;
    max-height: 900px;
    border-radius: 10px;
}

.layout-rboot ul li a {
    display: flex;
}

.swiper-bttom {
    width: 98%;
    height: 170px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.swiper-bttom ul {
    display: inline;
    display: flex;
}

.swiper-bttom ul li {
    display: block;
    width: 30%;
    height: 170px;
    margin-left: 2.5%;
    border: 1px solid #b9b7b7;
    border-radius: 10px;
}

.swiper-botimg {
    width: 100%;
    height: 130px;
    border-radius: 10px;
}

.swiper-botimg img {
    width: 100%;
    height: 130px;
    border-radius: 10px;
}

.swiper-botimg img:hover {
    transition: all .5s linear;
    transform: scale(1.1);
}

.swiper-bttom ul li p {
    height: 40px;
    margin-top: 10px;
    margin-left: 3%;
    color: black;
    opacity: 0.5;
}

.artcle-icons span {
    font-size: 12px;
}

.newpassage {
    margin-top: 10px;
    width: 100%;
    min-height: 380px;
    border: 1px solid #d9cdcd;
    border-radius: 10px;
}

.newpassage-p {
    height: 40px;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #cdc9c9;
}

.newpassage-p h2 {
    line-height: 40px;
    margin-left: 2%;
    color: #6ac5c5;
    font-size: large;
}

.new-email {
    width: 97%;
    margin: 5px auto;
}

.email-left {
    width: 100%;
    display: flex;
    height: 100%;
}

.email-left h2 {
    color: black;
    font-size: large;
}

.new-email ul {
    display: inline;
}

.new-email ul li {
    width: 100%;
    height: 200px;
    margin-top: 20px;
    border: 1px solid #BBBBBB;
    border-radius: 10px;
}

.new-email ul li:hover {
    transition: all .5s linear;
    box-shadow: 5px 5px 5px #BBBBBB;
}

.email-right {
    float: left;
    width: 25%;
    height: 100%;
}

.email-more {
    width: 75%;
    height: 100%;
    margin-left: 1%;
    margin-top: 10px;
}

.email-right img {
    width: 100%;
    height: 100%;
    border-radius: 10px 0px 0px 10px;
}

.email-left h4 {
    font-size: 20px;
    margin: 10px;
}

.email-left p {
    height: 85px;
    font-size: 16px;
    margin: 15px;
    color: black;
    opacity: 0.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

li {
    list-style: none;
}

.artcle-icons {
    margin-top: 20px;
}

.artcle-icons span {
    opacity: 0.3;
    margin-left: 2%;
    display: inline-block;
}

.hot-reccomd {
    width: 100%;
    margin: auto;
    border-radius: 10px;
    border: 1px solid #53c3c4;
}

.layout-rtop {
    width: 100%;
    height: 40px;
    color: black;
    font-weight: bold;
    opacity: 0.5;
    border-bottom: 1px solid #a29e9e;
}

.layout-rtop i {
    opacity: 0.5;
    padding: 0 3px 0 0;
    line-height: 40px;
    margin-left: 3%;
}

.layout-rboot {
    width: 100%;
}

.layout-rboot ul li {
    display: flex;
    width: 100%;
    height: 70px;
}

.rboot {
    height: 25px;
    width: 35px;
    border-radius: 0 10px 10px 0;
    margin-top: 8%;
    background: aqua;
}

.rboot p {
    margin-top: 5%;
    margin-left: 26%;
}

.record-rboot {
    width: 100%;
    height: 260px;
}

.rboot-right {
    float: left;
    margin-left: 2%;
    margin-top: 4%;
    height: 100%;
    width: 100%;
}

.rboot-right p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.rboot-right p:hover {
    color: #53c3c4;
}

.rboot-right span {
    color: black;
    opacity: 0.5;
    margin-top: 5px;
    margin-right: 8px;
    font-size: 10px;
    margin-bottom: 5px;
}

.hot-record {
    width: 100%;
    margin: auto;
    margin-top: 5%;
    min-height: 300px;
    border-radius: 10px;
    border: 1px solid #53c3c4;
}

.record-rtop {
    width: 100%;
    height: 40px;
    color: black;
    font-weight: bold;
    opacity: 0.5;
    border-bottom: 1px solid #000;
}

.record-rtop i {
    opacity: 0.5;
    padding: 0 3px 0 0;
    line-height: 40px;
    margin-left: 3%;
}

.record-rboot {
    width: 100%;
}

.record-rboot img {
    width: 100%;
    height: 260px;
    border-radius: 0 0 10px 10px;
}

.pageover {
    text-align: center;
    margin-top: 2%;
}

.tagcloud-all {
    position: relative;
    width: 100%;
    height: 260px;
}